//设置--门店列表
import React from "react";
import "./css/store-list.css";
import PageTitle from "../../component/set/PageTitle";
import IconFont from "../../component/logo";
import SetButton from "../../component/set/SetBtton";
import SetMenuTable from "../../component/set/SetMenuTable";

class StoreList extends React.Component {
  state = {
    data: [
      {
        key: 1,
        name: "麒麟便利店",
        phone: "13701564655",
        detailAddress: "深圳市龙岗区科技园路8-26",
        describe: "曼城风情商业街",
      },
    ],
    columns: [
      {
        title: "门店名称",
        dataIndex: "name",
      },
      {
        title: "手机号码",
        dataIndex: "phone",
      },
      {
        title: "详细地址",
        dataIndex: "detailAddress",
      },
      {
        title: "门店描述",
        dataIndex: "describe",
      },
      {
        title: "操作",
        render: () => (
          <div>
            <SetButton txt="修改"></SetButton>
            <SetButton txt="删除"></SetButton>
            <SetButton txt="绑定管理员"></SetButton>
          </div>
        ),
      },
    ],
    pagination: false,
  };
  render() {
    return (
      <div className="store_list">
        <PageTitle
          title="门店管理"
          icon={<IconFont type="icon-mendianliebiao"></IconFont>}
          btn={<SetButton txt="添加门店"></SetButton>}
        ></PageTitle>
        <SetMenuTable {...this.state}></SetMenuTable>
      </div>
    );
  }
}

export default StoreList;
